<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>操作节点的CSS属性</title>
	<style type="text/css" media="screen">
		div{
			width: 300px;
			height: 300px;
			border: 1px solid purple;
			/* background-image: url('./PLMM.jpg'); */
		}
	</style>
</head>
<body>
	<div onclick="bian()"></div>
</body>
	<script type="text/javascript" src="./jquery-3.1.1.js"></script>
	<script type="text/javascript">
		// function bian(){
		// 	var w = parseInt($('div').css('width'));
		// 	var h = parseInt($('div').css('width'));
		// 	var b = parseInt($('div').css('borderBottomWidth'));

		// 	$('div').css('width',w + 10 + 'px');
		// 	$('div').css('height',h + 10 + 'px');
		// 	$('div').css('borderBottomWidth',b + 2 + 'px');
		// }
		function bian(){
			var w = $('div').width();
			var h = $('div').height();
			var b = parseInt($('div').css('borderBottomWidth'));

			$('div').css('width',w+10+'px');
			$('div').css('height',h+10+'px');
			$('div').css('borderBottomWidth',b + 2 + 'px');
		}
	</script>
</html>